<!-- BEGIN: main -->
<html>
    <head>
        {HEAD}
        <!-- CONTENIDO DEL MODELO  -->
        <script src="../../../{APP}/config/app.js" type="text/javascript" language="javascript"></script>
        <script src="js/validar.js"></script>

    </head>
    <body onload="inicio();">
        <div class="container ">
            <div class="row-fluid bg-container">
                <form name="reg" action="login.php" method="POST">
                    <input name="usuario" id="id_usuario" type="hidden" />
                    <div id="titulo" style="display:none" > </div>  
                    <div id="access" align="center">
                        <table border="0" width="90%" align="center">
                            <tr>
                                <td class="lineavertcal" width="60%">
                                    <fieldset>
                                        <img src="../../../{APP}/img/principal/logo.png" alt="">
                                    </fieldset>
                                    <br>
                                    <fieldset>
                                        <legend>Inicio de Sesi&oacute;n</legend>
                                    </fieldset>
                                    <div class=divGroupField id="id_login_type">
                                        <div id="id_opcion_tit"><strong>Tipo de Usuario</strong></div>
                                        <div>                                
                                            <select name="opcion" id="id_opcion" class="input-medium" onchange="loginOptOnOff();">
                                                <option value=0 selected>Seleccione...</option>
                                                <option value=1>Número de Rif</option>
                                                <option value=2>Cédula/Pasaporte</option>
                                                <option value=3>Correo Institucional</option>
                                                <option value=4>Nombre de Usuario</option>
                                            </select>                                        
                                        </div>
                                    </div>
                                    <div class="alert-danger" id='id_msj_error'>{MENSAJE}</div>
                                    <div style="clear: left;"></div>
                                    <div id="div_login" style="display:none;"></div>
                                    <div class="divGroupField" id="div_rif">
                                        <!--<div><strong>RIf</strong></div>-->
                                        <div>                                
                                            <select name="rif1" id="id_rif1" class="input-mini">
                                                <option value="J">J</option>
                                                <option value="G">G</option>
                                                <option value="V">V</option>
                                            </select>
                                            <input type="text"  size="9" maxlength="8" name="rif2" id="id_rif2" autocomplete="off" placeholder="########" onKeyUp="javascript:this.value = this.value.toUpperCase();" class="input-medium">
                                            <input type="text"  size="2"  maxlength="1" name="rif3" id="id_rif3" autocomplete="off"  onKeyUp="javascript:this.value = this.value.toUpperCase();" placeholder='#' class="input-mini"/>                        
                                        </div>
                                    </div>
                                    <div style="clear: left;"></div>
                                    <div class=divGroupField id="div_ced">
                                        <div><strong>*C&eacute;dula/Pasaporte:</strong></div>
                                        <div>                                
                                            <select name="nacionalidad" id="id_nacionalidad" class="input-mini">
                                                <option value="V">V</option>
                                                <option value="P">P</option>
                                            </select>
                                            <input type="text" maxlength="8" name="cedula" id="id_cedula" autocomplete="off"
                                                   onKeyUp="javascript:this.value = this.value.toUpperCase();" placeholder='########' class="input-medium"/>                        
                                        </div>
                                    </div>
                                    <div style="clear: left;"></div>
                                    <div class=divGroupField id="div_mail">
                                        <!--<div><strong>Correo Institucional</strong></div>-->
                                        <div>
                                            <div class="input-prepend">
                                                <span class="add-on"><i class="icon-envelope"></i></span>
                                                <input type="text" class="input-xlarge form-control" maxlength="8" name="correo" id="id_correo" autocomplete="off" placeholder='Su Correo...'/>
                                            </div>
                                            <br>
                                        </div>
                                    </div>
                                    <div style="clear: left;"></div>
                                     <!--<div>*<strong>Nombre de Usuario</strong></div>-->
                                    <div id="div_user_name">
                                        <div class="input-prepend">
                                                <span class="add-on"><i class="icon-user"></i></span>
                                                <input type="text" maxlength="20" class="input-xlarge form-control" name="user" id="id_user" autocomplete="off" placeholder='Su Usuario...'/>
                                            </div>
                                    </div>
                                    <div class=divGroupField>
                                        <!--<div>*<strong>Contraseña:</strong></div>-->
                                        <div class="input-prepend">
                                                <span class="add-on"><i class="icon-lock"></i></span>
                                                <input type="password" size="26" maxlength="50" class="input-xlarge form-control" name="clave" id="id_clave" autocomplete="off" placeholder='Su Contraseña...' onkeypress="accesoEnter(this.value, event);"/>
                                            </div>
                                    </div>
                                    <br>
                                    <div class="alert alert-info">
                                        (*) Campos obligatorios.
                                    </div>
                                    <p id="div_webUserRow">
                                        <button type="button" onClick="validarForm();" class="btn btn-success btn-small" style="margin-top: 20px;">ACCEDER A SU CUENTA</button>
                                        <!--<a href='../admin_cambio_contraseña'><button type="button" class="btn btn-danger btn-small" style="margin-top: 20px;">Olvide la Contraseña</button></a>-->
                                    </p>
                                </td>
                                <td>
                                    <div id="id_contact">
                                        <table width="90%" align="center" >
                                            <tr style="display: none">
                                                <td class='titulo_contacto' align='center'>
                                                    <div id="id_register">
                                                        <div>
                                                            <h5>¿A&uacute;n no est&aacute; registrado?</h5>
                                                            <a href='../admin_usuario_row_web/index.php'><button type="button" class="btn btn-danger btn-small">Registrarse</button></a>
                                                        </div>
                                                    </div>
                                                    <span style="font-weight:bold;">En caso de cualquier duda puede escribirnos a </span>
                                                </td>
                                            </tr>
                                            <tr style="display: none">
                                                <td align="center" >
                                                    <table id="id_contact_table">
                                                        <tr>
                                                            <td>
                                                                <img src="../../images/mail.png" width="35" height="35" vspace="5">
                                                            </td>
                                                            <td id='id_email' class='titulo_contacto'></td>
                                                        </tr>
                                                        <tr>
                                                            <td>
                                                                <img src="../../images/telefono.png" width='30' height='30' vspace="5" hspace="2">
                                                            </td>
                                                            <td id='id_telefon' class='titulo_contacto'></td>
                                                        </tr>
                                                    </table>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td align="center" colspan="2" >
                                                    <div class="panel panel-default">
                                                        <div class="panel-body">
                                                            <B>Para hacer uso del sistema se recomienda utilizar el navegador Web</b>
                                                        </div>
                                                        <div id="id_register">
                                                            <div>
                                                                <h5>¿A&uacute;n no est&aacute; registrado?</h5>
                                                                <a href='../admin_usuario_row_web/index.php'><button type="button" class="btn btn-success btn-small">Registrarse</button></a>
                                                            </div>
                                                        </div>
                                                        <br>
                                                        <div class="panel-footer">
                                                            <a HREF="http://www.mozilla.com/firefox" title='Firefox-Moxila'><img id="id_firefox" src="../../images/firefox.png" width='60' height='60' vspace="5"></a>
                                                            En caso de cualquier duda puede escribirnos a la siguente dirección de correo <a href="mailto:mpptaasistema@mpptaa.gob.ve">mpptaasistema@mpptaa.gob.ve</a>
                                                        </div>
                                                    </div>
                                                </td> 
                                            </tr>
                                        </table>
                                    </div>
                                </td>
                            </tr>
                        </table>
                        <footer class="bg-footer" style="display: none">
                            <div id="id_firma" ></div>
                        </footer>
                    </div>
                </form>
            </div>
        </div> 
    </body>
</html>
<!-- END: main -->